﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="frm_Login.aspx.cs" Inherits="ED_Nivelacion.PresentacionWeb.Login" %>

<!DOCTYPE html>
<html>

<head>

  <meta charset="UTF-8">

  <title>ED System</title>

    <link rel="stylesheet" href="login/css/style.css" media="screen" type="text/css" />

 
<script type="text/javascript" src="validator.js"></script>

</head>


  <body>

    <div class="container">

      <div id="login">

          <form id="loginform" runat="server" data-toggle="Validation">
              <div class="navbar-header">
                <div class="navbar-brand">
                    <a href="index.html">
                        <img src="img/login2.jpg" class="img-responsive" alt="">
                    </a>
                </div>
            </div>
          <fieldset class="clearfix">
              
            <p><span class="fontawesome-user"></span><asp:TextBox ID="userTxt" onBlur="if(this.value == '') this.value = 'Username'" onFocus="if(this.value == 'Username') this.value = ''" required runat="server"></asp:TextBox>
              </p> <!-- JS because of IE support; better: placeholder="Username" -->
            <p><span class="fontawesome-lock"></span><asp:TextBox ID="passTxt" Type="password"  onBlur="if(this.value == '') this.value = 'Password'" onFocus="if(this.value == 'Password') this.value = ''" required runat="server"></asp:TextBox>
                
              </p>
             
              <!-- JS because of IE support; better: placeholder="Password" -->

            <p><asp:Button ID="LogIng" runat="server" Text="INICIAR SESIÓN" OnClick="LogIng_Click" /></p>

          </fieldset>

          </form>

      </div> <!-- end login -->


    </div>
      <script>
          $('#loginform').bootstrapValidator({
              message: 'Este valor no es valido',
              feedbackIcons: {
                  valid: 'glyphicon glyphicon-ok',
                  invalid: 'glyphicon glyphicon-remove',
                  validating: 'glyphicon glyphicon-refresh'
              },
              fields: {
                  usuario: {
                      validators: {
                          notEmpty: {
                              message: 'El nombre de usuario es requerido'
                          }
                      }
                  },
                  password: {
                      validators: {
                          notEmpty: {
                              message: 'La contraseña es requerida'
                          }
                      }
                  }
              }
          });
      </script>
  </body>
</html>
